@blockSize: 6px;
@blockOffset: @blockSize / 2 + 1px / 2;
@blockColor: var(--edit-color-primary);
.widget-view-border {
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    font-size: 0;
    font-style: normal;
    font-weight: normal;
    z-index: 999;
    & > div {
        position: absolute;
        width: 0;
        height: 0;
        border-color: @blockColor;
        z-index: 99;
    }
    & > div:nth-of-type(1) {
        top: 0;
        left: 0;
        width: 100%;
        border-top-width: 1px;
        border-top-style: solid;
    }
    & > div:nth-of-type(2) {
        top: 0;
        left: 0;
        height: 100%;
        border-left-width: 1px;
        border-left-style: solid;
    }
    & > div:nth-of-type(3) {
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
    & > div:nth-of-type(4) {
        top: 0;
        right: 0;
        height: 100%;
        border-right-width: 1px;
        border-right-style: solid;
    }
    & > span {
        position: absolute;
        width: @blockSize;
        height: @blockSize;
        border: 1px solid @blockColor;
        background-color: #fff;
        z-index: 100;
        box-sizing: border-box;
    }
    & > span:nth-of-type(1) {
        top: calc(-@blockOffset);
        left: calc(-@blockOffset);
    }
    & > span:nth-of-type(2) {
        display: none;
        top: calc(50% - @blockOffset);
        left: calc(-@blockOffset);
    }
    & > span:nth-of-type(3) {
        bottom: calc(-@blockOffset);
        left: calc(-@blockOffset);
    }
    & > span:nth-of-type(4) {
        display: none;
        bottom: calc(-@blockOffset);
        left: calc(50% - @blockOffset);
        z-index: 99;
    }
    & > span:nth-of-type(5) {
        bottom: calc(-@blockOffset);
        right: calc(-@blockOffset);
    }
    & > span:nth-of-type(6) {
        display: none;
        top: calc(50% - @blockOffset);
        right: calc(-@blockOffset);
    }
    & > span:nth-of-type(7) {
        top: calc(-@blockOffset);
        right: calc(-@blockOffset);
    }
    & > span:nth-of-type(8) {
        display: none;
        top: calc(-@blockOffset);
        left: calc(50% - @blockOffset);
    }
}